// 项目提供 scss 全局变量

// 容器
$base-content-width: 100%;
$base-content-heigh: 100vh;

// 左侧菜单
$base-menu-width: 260px;
$base-menu-min-width: 50px;
$base-menu-heigh: 100vh;
$base-menu-background: #001529;

// 左侧菜单logo设置
$base-menu-logo-height: 50px;
$base-menu-logo-title-font-size: 20px;

// 顶部导航
$base-header-position: fixed;
$base-header-top: 0;
$base-header-left: $base-menu-width;
$base-header-max-left: $base-menu-min-width;
$base-header-width: calc(100% - $base-header-left);
$base-header-max-width: calc(100% - $base-header-max-left);
$base-header-heigh: 50px;

// 主区域
$base-main-position: absolute;
$base-main-top: $base-header-heigh;
$base-main-left: $base-menu-width;
$base-main-max-left: $base-menu-min-width;
$base-main-width: calc(100% - $base-main-left);
$base-main-max-width: calc(100% - $base-main-max-left);
$base-main-heigh: calc(100vh - $base-main-top);
$base-main-padding: 20px;
$base-main-overflow: auto;

// 滚动条
$base-scrollbar-width: 10px;
$base-scrollbar-track-background-color: #001529;
$base-scrollbar-thumb-width: 10px;
$base-scrollbar-thumb-background-color: yellowgreen;
$base-scrollbar-thumb-border-radius: 10px;
